<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
</head>
<link rel="stylesheet"
	href="../../plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="../../plugins/bootstrap/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../../css/xtgl/yhgl.css">
<link rel="stylesheet"
	href="../../plugins/bootstrap/css/bootstrap-table.min.css">
<link rel="stylesheet"
	href="../../plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet"
	href="../../plugins/ztree/zTreeStyle/zTreeStyle.css">
<link rel="stylesheet" href="../../css/form.css">

<style>
input[readonly] {
	background-color: white !important;
}
</style>
<body>
	<div class="titlediv">用户列表</div>
	<div class="left">
		<!-- <ol class="breadcrumb">
			<li><a href="#">系统管理</a></li>
			<li><a href="#">用户管理</a></li>
		</ol> -->
		<div class="title">机构树</div>
		<div class="left_input">
			<!-- <input placeholder="检索机构" name="jgmc" > -->
		</div>
		<div class="tree">
			<ul id="treeDemo" class="ztree"></ul>
		</div>
	</div>
	<div class="right">
		<div>
			<div class="topdiv">
				<form class="form-inline" id="form_bd" onsubmit="return false">
					<div class="container-fluid laydiv">
						<div class="row">
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>部门:</span>
								</div>
								<div class="col-md-9">
									<select class="form-control" id="szjg" name="szjg">
										<option value=0>请选择</option>
									</select>
								</div>
							</div>
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>姓名:</span>
								</div>
								<div class="col-md-9">
									<input type="text" class="form-control" id="xm" name="xm">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>证件类型:</span>
								</div>
								<div class="col-md-9">
									<select class="form-control" id="zjlx" name="zjlx">
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>性别:</span>
								</div>
								<div class="col-md-9">
									<select class="form-control" id="xb" name="xb">
										<option value="">请选择</option>
										<option value=1>男</option>
										<option value=2>女</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>民族:</span>
								</div>
								<div class="col-md-9">
									<select class="form-control" id="mz" name="mz">
										<option>请选择</option>
									</select>
								</div>
							</div>
							<div class="col-md-4">
								<div class="col-md-3 text-align-right">
									<span>出生日期:</span>
								</div>
								<div class="col-md-9">
									<div class="form-group input-group date form_date1 "
										data-date="" data-date-format="yyyy-MM-dd"
										data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
										<input class="form-control" size="16" type="text" value=""
											readonly name="dfqx" id="dfqx" required='true'> <span
											class="input-group-addon"><span
											class="glyphicon glyphicon-calendar"></span></span>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="querybtnDiv">
								<button class="btn btn-warning  " id="query_btn">查询</button>
								<!-- <button type="button" class="btn btn-warning addBtn" onclick="addlist();">批量添加</button>
								<button type="button" class="btn btn-warning addBtn" onclick="addlist();">批量修改</button> -->
								<button type="reset" class="btn btn-default" id="reset">重置</button>
								<button type="button" class="btn btn-warning newAdd"
									data-toggle="modal" data-target="#exampleModal">添加</button>
							</div>
							<div class="tablebutton"></div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="container-fluid ">
			<table id="userInfo"></table>
		</div>
	</div>

	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content modefix" style="width: 800px;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">添加用户</h4>
				</div>

				<div class="modal-body">
					<!--一行一条-->
					<form class="form-inline" id="form_bds" onsubmit="return false">
						<div class="container-fluid laydiv">
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>排序序号:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="sorted"
											name="sorted" readonly="readonly">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span style="color: red">*</span><span>所在机构:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="szjg" name="szjg"
											required='true'>
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span style="color: red">*</span><span>姓名:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="xm" name="xm"
											required='true'>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span style="color: red">*</span><span>证件类型:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="zjlx" name="zjlx"
											required='true'>
											<option value="">请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span style="color: red">*</span><span>证件号码:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="zjhm" name="zjhm"
											required='true'>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span style="color: red">*</span><span>国籍:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="gj" name="gj" required='true'>
											<option value="">请选择</option>
											<option value=1>中国</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>性别:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="xb" name="xb">
											<option>请选择</option>
											<option value=1>男</option>
											<option value=2>女</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>民族:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="mz" name="mz">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>出生日期:</span>
									</div>
									<div class="col-md-8">
										<div class="form-group input-group date form_date1 "
											data-date="" data-date-format="yyyy-MM-dd"
											data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
											<input class="form-control" size="16" type="text" value=""
												readonly name="csrq" id="csrq"> <span
												class="input-group-addon"><span
												class="glyphicon glyphicon-calendar"></span></span>
										</div>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电话:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dh" name="dh">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电子邮件:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dzyj" name="dzyj">
									</div>
								</div>

							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary " id="baocun">保存</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>

			</div>
		</div>
	</div>



	<div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content modefix" style="width: 800px;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">用户详情</h4>
				</div>

				<div class="modal-body">
					<!--一行一条-->
					<form class="form-inline" id="form_bds1" onsubmit="return false">
						<div class="container-fluid laydiv">
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>排序序号:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="sorted"
											name="sorted" readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>所在机构:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="szjg" name="szjg"
											readonly="readonly" disabled="disabled">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>姓名:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="xm" name="xm"
											readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>证件类型:</span>
									</div>
									<div class="col-md-8">
										<select type="text" class="form-control" id="zjlx" name="zjlx"
											readonly="readonly" disabled="disabled">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>证件号码:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="zjhm" name="zjhm"
											readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>国籍:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="gj" name="gj"
											readonly="readonly" disabled="disabled">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>性别:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="xb" name="xb"
											readonly="readonly" disabled="disabled">
											<option>请选择</option>
											<option value=1>男</option>
											<option value=2>女</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>民族:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="mz" name="mz"
											readonly="readonly" disabled="disabled">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>出生日期:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="csrq" name="csrq"
											readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电话:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dh" name="dh"
											readonly="readonly" disabled="disabled">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电子邮件:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dzyj" name="dzyj"
											readonly="readonly" disabled="disabled">
									</div>
								</div>

							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content modefix" style="width: 800px;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">修改用户</h4>
				</div>

				<div class="modal-body">
					<!--一行一条-->
					<form class="form-inline" id="form_bds2" onsubmit="return false">
						<div class="container-fluid laydiv">
							<input type="text" id="zdbh" name="zdbh" style="display: none;">
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>排序序号:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="sorted"
											name="sorted" readonly="readonly" disabled="disabled">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>所在机构:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="szjg" name="szjg">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>姓名:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="xm" name="xm">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>证件类型:</span>
									</div>
									<div class="col-md-8">
										<select type="text" class="form-control" id="zjlx" name="zjlx">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>证件号码:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="zjhm" name="zjhm">
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>国籍:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="gj" name="gj">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>性别:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="xb" name="xb">
											<option>请选择</option>
											<option value=1>男</option>
											<option value=2>女</option>
										</select>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>民族:</span>
									</div>
									<div class="col-md-8">
										<select class="form-control" id="mz" name="mz">
											<option>请选择</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>出生日期:</span>
									</div>
									<div class="col-md-8">
										<div class="form-group input-group date form_date1 "
											data-date="" data-date-format="yyyy-MM-dd"
											data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
											<input class="form-control" size="16" type="text" value=""
												readonly name="csrq" id="csrq"> <span
												class="input-group-addon"><span
												class="glyphicon glyphicon-calendar"></span></span>
										</div>
									</div>
								</div>
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电话:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dh" name="dh">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="col-md-4 text-align-right">
										<span>电子邮件:</span>
									</div>
									<div class="col-md-8">
										<input type="text" class="form-control" id="dzyj" name="dzyj">
									</div>
								</div>

							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary " id="xiugai">保存</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="exampleModal6" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content modefix" style="width: 800px;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">授权角色列表</h4>
				</div>

				<div class="modal-body">
					<table id="userdb"></table>
				</div>

			</div>
		</div>
	</div>

	<div class="modal fade" id="exampleModal5" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content modefix" style="width: 800px;">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">已授权角色列表</h4>
				</div>

				<div class="modal-body">
					<table id="jsdb"></table>
				</div>

			</div>
		</div>
	</div>

</body>
<script src="../../js/jquery-2.0.0.min.js"></script>
<script src="../../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../../plugins/ztree/js/jquery.ztree.all.js"></script>
<script src="../../plugins/bootbox/bootbox.min.js"></script>
<script src="../../plugins/bootstrap-table/js/bootstrap-table.min.js"></script>
<script
	src="../../plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="../../plugins/bootstrap-table/js/bootstrap-table-zh-CN.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/yhgl.js"></script>
<script src="../../js/L-common.js"></script>
</html>